import React,{useRef} from 'react'
/* 
    使用步骤
    1.导入useRef
    import {useRef} from 'react'
    2.在函数组件中调用useRef函数
    const boxEle=useRef()
    3.在组件中使用ref属性绑定
    <div className="box" ref={boxEle}></div>
    4.使用
    boxEle.current.style.backgroundColor="yellow";
*/
import './Card.css'
export default function Card() {
  const boxEle=useRef()
  const changeBox=()=>{
    console.log(boxEle.current);
    boxEle.current.style.backgroundColor="yellow";
  }
  return (
    <div>
        <div className="box" ref={boxEle} onClick={()=>{changeBox()}}></div>
    </div>
  )
}
